<!DOCTYPE html>
<html>
<head>
    <#include "/header.html">
        <link href="${request.contextPath}/statics/plugins/index/resources/css/jquery-ui-themes.css" type="text/css"
              rel="stylesheet" />
        <link href="${request.contextPath}/statics/plugins/index/resources/css/axure_rp_page.css" type="text/css"
              rel="stylesheet" />
        <link href="${request.contextPath}/statics/plugins/index/data/styles.css" type="text/css" rel="stylesheet" />
        <link href="${request.contextPath}/statics/plugins/index/files/index/styles.css" type="text/css" rel="stylesheet" />
        <link href="${request.contextPath}/statics/css/index/details.css" type="text/css" rel="stylesheet" />
    <link href="${request.contextPath}/statics/plugins/piczoom/skin.css" type="text/css" rel="stylesheet"/>
    <script src="${request.contextPath}/statics/plugins/piczoom/vue-photo-preview.js" type="text/javascript" charset="utf-8"></script>
    <style>
    .selected{font-weight:bold; background: #409EFF; color:#fff !important;}
	</style>
</head>
<body id="dcjlBody">
<input id="id" type="hidden" value="${id!''}" />
<input id="roleId" type="hidden" value="${roleId!''}" />
<input id="dqDwId" type="hidden" value="${dqDwId!''}" />
<input id="rootPath" type="hidden" value="${request.contextPath}" />
<div id="rrapp">
<div class="tbListMain">
    <div class="dtContent">
        <div class="dtEdit">
            <div>
                <div class="dtDivPadding">{{superviseRecordData.dcmc}}</div>
                <div class="littleTitle">{{superviseRecordData.dcdwName}} &nbsp;&nbsp;  {{superviseRecordData.dcTime}}  &nbsp;&nbsp; 整改进度  &nbsp;&nbsp; {{superviseRecordData.precent}}%</div>
            </div>
            <div class="dtDivMainPadding">
                <div class="dtDivPadding">督察详情</div>
                <div class="dtDivPadding"><span class="dtSpanLine"></span></div>
                <div class="dtDivPadding">
                    <ul class="detailDcxq">
                        <li class="dwicon"><div>督察单位：</div><div>{{superviseRecordData.dcdwName}}</div></li>
                        <li class="dwicon"><div>被督察单位：</div><div>{{superviseRecordData.toDcdwName}}</div></li>
                        <li class="ryicon"><div>督察人员：</div><div class="dtDetailRemark">{{superviseRecordData.dcry}}</div></li>
                        <li class="ryicon" v-if="superviseRecordData.dwfzr != '' && superviseRecordData.dwfzr != null"><div >单位负责人：</div><div class="dtDetailRemark">{{superviseRecordData.dwfzr}}</div></li>
                        <li class="timeicon"><div>督察时间：</div><div>{{superviseRecordData.dcTime}}</div></li>
                    </ul>
                </div>
            </div>
            <div class="dtDivMainPadding">
                <div class="dtDivPadding">督察问题<span class="dtSpanQuestion">{{superviseRecordData.questionNum}} 问题</span><span class="dtFR">{{superviseRecordData.questionModifyNum}}/{{superviseRecordData.questionNum}}</span></div>
                <div class="dtDivPadding"><span class="dtSpanLine"></span></div>
                <ul class="dtTab">
                    <li class="selected" @click="findQuestionList(1)">全部</li>
                    <li @click="findQuestionList(2)">未整改</li>
                    <li @click="findQuestionList(3)">无整改</li>
                    <li @click="findQuestionList(4)">已整改</li>
                    <li @click="findQuestionList(5)">未审核</li>
                    <li @click="findQuestionList(6)">已审核</li>
                </ul>
                <div class="dtDivDetail dtBorderTop" v-for="(item, index) in questionData">

                    <div class="dtImgTitle">
                        <div class="dtDetailTitle">{{item.questionDescription}}</div>

                    </div>
                    <div>
                        <ul class="dtUlResult">
                            <li>
                                <div>督察结果</div>
                                <div class="detailDc">
                                    <div class="detailLine" v-if="item.toDcry != '' && item.toDcry != null">
                                        <div>被督察人员：</div><div class="dtDetailRemark">{{item.toDcry}}</div>
                                    </div>
                                    <div class="detailLine">
                                        <div>情况说明：</div><div class="dtDetailRemark">{{item.qksm}}</div>
                                    </div>
                                    <div class="detailLine" >
                                        <div>现场照片：</div>
                                        <div v-for="(image, index) in item.imageList" class="dtImg">
                                            <!--<img class="img " :src="image.picUrl">-->
                                            <img class="img " :src="image.picUrl" style="width: 60px;height: 50px" preview="1"/>
                                        </div>
                                    </div>
                                    <div class="detailLine"  v-if="item.videoImage != '' && item.videoImage != null">
                                        <div>现场录像：</div>
                                        <div class="dtImg">
                                            <img class="img " @click="playVideo(item.videoImage)" src="${request.contextPath}/statics/css/index/images/video_play.jpg">
                                            <!--<button @click="playVideo(item.videoImage)">aa</button>-->
                                        </div>
                                    </div>
                                    <div class="detailLine">
                                        <div>整改类型：</div>
                                        <span class="spanFize" v-if="item.zglx == '0'">现场纠正</span>
                                        <span class="spanFize" v-if="item.zglx == '2'">无需整改</span>
                                        <span class="spanFize" v-if="item.zglx == '1'">限时整改</span> &nbsp;&nbsp;<span style="color:red">{{item.zgjzrq}}</span>
                                    </div>
                                </div>
                            </li>
                            <li v-if="item.modifyStatus == 0 && roleId == 1"><div @click="checkQuestion(2, item.id, item.dcRecordId, '', item.questionDescription)" class="dtBtn">整改</div></li>
                            <li v-if="item.modifyStatus == 2">
                                <div>整改结果</div>
                                <div class="detailZg">
                                    <div class="detailLine">
                                        <div>反馈人：</div><div class="dtDetailRemark">{{item.fkry}}</div>
                                    </div>
                                    <div class="detailLine">
                                        <div>反馈单位：</div><div>{{item.fkdw}}</div>
                                    </div>
                                    <div class="detailLine">
                                        <div>反馈说明：</div><div class="dtDetailRemark">{{item.zgfknr}}</div>
                                    </div>
                                    <div class="detailLine">
                                        <div>反馈照片：</div>
                                        <div v-for="(image, index) in item.fkImageList" class="dtImg">
                                            <img class="img " :src="image.picUrl" style="width: 60px;height: 50px" preview="1"/>
                                        </div>
                                    </div>
                                    <div class="detailLine">
                                        <div>反馈时间：</div><div>{{item.fksj}}</div>
                                    </div>
                                </div>
                            </li>
                            <li v-if="item.checkStatus == 0 && ((item.gxdwId == item.v1 && item.v1 != item.v4)  || (item.v1 == item.v4 && dqDwId == item.v1))"><div @click="checkQuestion(1, item.id, item.dcRecordId, item.modifyId, item.questionDescription)" class="dtBtn">审核</div></li>
                            <li v-if="item.checkStatus == 1">
                                <div>审核结果</div>
                                <div class="detailSh">
                                    <div class="detailLine">
                                        <div>审核人：</div><div class="dtDetailRemark">{{item.fkshr}}</div>
                                    </div>
                                    <div class="detailLine">
                                        <div>审核单位：</div><div>{{item.fkshrdw}}</div>
                                    </div>
                                    <div class="detailLine">
                                        <div>审核时间：</div><div>{{item.fkshsj}}</div>
                                    </div>
                                    <div class="detailLine" >
                                        <div>审核结果：</div>
                                        <span class="spanFize" v-if="item.checkResult === '0'">考核扣分  <span style="color:red">扣分：{{item.kffz}}分</span></span>
                                        <span class="spanFize" v-if="item.checkResult === '1'">不予处理</span>
                                        <span class="spanFize" v-if="item.checkResult === '2'">其他 <br><div class="dtDetailRemark">{{item.checkResultDetail}}</div></span>
                                    </div>
                                    <!--<div class="detailLine">
                                        <div style="visibility:hidden;"></div><div style="color:red;">扣分：2分</div>
                                    </div>-->
                                </div>
                            </li>
                        </ul>
                    </div>
                    <hr />
                </div>

            </div>
        </div>
    </div>
</div>
</div>
</body>
<script src="${request.contextPath}/statics/plugins/element/index.js"></script>
<script src="${request.contextPath}/statics/js/modules/business/record/supervisionRecordDetails.js?_${.now?long}"></script>
</html>